<!DOCTYPE html>
<html>
	<head>
		<title>Title</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
		<script src="js/code.js"></script>
		<link rel="stylesheet" type="text/css" href="css/main.css">
	</head>
	<body onload="init(this,'canvas');">
		<table>
			<tr>
				<td>
					<div id="box" class="box">
						<canvas id="canvas" width="255" height="255">
						</canvas> 
					</div>
					Arvud 0 kuni 255<br/>
					<table>
						<tr>
							<td>Punane</td>
							<td><input name="reed" id="redValue" title="Punane" min="0" max="255" type="range" value="255" onchange="onChangeSlider('redValue');"/><br/></td>
							<td><label id="redValueLabel"></label></td>
						</tr>
						<tr>
							<td>Roheline</td>
							<td><input name="green" id="greenValue" title="Roheline" min="0" max="255" type="range" value="255" onchange="onChangeSlider('greenValue');"/><br/></td>
							<td><label id="greenValueLabel"></label></td>
						</tr>
						<tr>
							<td>Sinine</td>
							<td><input name="blue" id="blueValue" title="Sinine" min="0" max="255" type="range" value="255" onchange="onChangeSlider('blueValue');"/><br/></td>
							<td><label id="blueValueLabel"></label></td>
						</tr>
					</table>
					<button onclick="calcColor(this);">Arvuta</button>
				</td>
				<td>
					Paremad tulemused Chrome ja Operaga.<br/>
					Samuti töötab Firefoxiga.<br/>
					Internet Exploreri vanemate versioonidega ei tööta.<br/>
				</td>
			</tr>
		</table>
	</body>
</html>
